
	  var maxDetailLen=0; 
	  function submitForm(){
	  	$('#detailList >tbody >tr').each(
	  		function(index) {
	  		  	$(this).find(".showModalDialog").attr('id',
										$(this).find(".showModalDialog").attr('id')
												.replace(
														new RegExp('pIndex',
																"g"), index));
																
			$(this).find(".loop").attr('id',
										$(this).find(".loop").attr('id')
												.replace(
														new RegExp('pIndex',
																"g"), index));
			 $(this).find(".showModalDialog").attr('name',
										$(this).find(".showModalDialog").attr('name')
												.replace(
														new RegExp('pIndex',
																"g"), index));
		  	$(this).find(".loop").attr('name',
										$(this).find(".loop").attr('name')
												.replace(
														new RegExp('pIndex',
																"g"), index));
			$(this).find(".startHour").attr('name',
										$(this).find(".startHour").attr('name')
												.replace(
														new RegExp('pIndex',
																"g"), index));
						
			
			
		  	$(this).find(".startHour").attr('name',
										$(this).find(".startHour").attr('name')
												.replace(
														new RegExp('pIndex',
																"g"), index));
		  	$(this).find(".startMinute").attr('name',
										$(this).find(".startMinute").attr('name')
												.replace(
														new RegExp('pIndex',
																"g"), index));

		  	$(this).find(".endHour").attr('name',
										$(this).find(".endHour").attr('name')
												.replace(
														new RegExp('pIndex',
																"g"), index));
		  	$(this).find(".endMinute").attr('name',
										$(this).find(".endMinute").attr('name')
												.replace(
														new RegExp('pIndex',
																"g"), index));
			
	  		}
	  	);

//validate fothrm
	  	if($.trim($("#description")).length>40){
	  		alert("description too long!");
	  		return false;
	  	}
	 // if(!$.trim($("#date").val()).match(/^\d{4}-\d{2}-d{2}$/)){
	 if(!$.trim($("#date").val()).match(/^\d{4}-[0-9]{2}-[0-9]{2}$/)){
	  		alert("date not match!");
	  		return false;
	  	}
	  	return true;
	  }
		$(document).ready(function() { $(".myDate").datepick();
		 });
		$(function() {
		
		 $(".leftTr").click(
		 function() {
		 	$('#leftTable >tbody >tr').each(
	                     		 function(index) {
	                     	 		this.style.backgroundColor="#D4D0C8";	
	                     		 }
	          );
		    this.style.backgroundColor="#0066CC";	
		   $.ajax({
 					 type: 'get',
 					 url: "plan/PlanAction.do",
 					 data: {method: "getById",id:$.trim($(this).find(".planId").val())},
 					 success: function(CreturnDate){
 					     $("#rightSide").show();
 					     $("#buttonSave").hide();
 					     $("#buttonModify").show();
 					     $("#planId").val("");
 					     $("#objectId").val("");
 					     $("#catagory").val("");
 						$("#catagory").html("");
 						$("#description").val("");
 						$("#date").val("");
 						$("#newAdd").hide();
 						$("#newDelete").hide();
 						
 						// $("#catagory").append(returnDate);
 						var returnDate=eval('(' + CreturnDate + ')');
 						$("#planId").val(returnDate.planId);
 						$("#objectId").val(returnDate.objectId);
 						$("#catagory").html("<option value="+returnDate.catagory+">"+returnDate.catDesc+"</option>");
 						$("#catagory").attr("disabled","disabled");
 						$("#description").val(returnDate.description);
 						$("#date").val(returnDate.date);
 						$("#date").attr("disabled","disabled");
 						var createPlanBean=returnDate.subList[0];
 						
 						 var $temple=$('#tableTemplete >tbody >tr').clone();
	                     	 $temple.find(".showModalDialog").val(createPlanBean.account);
	                     	 $temple.find(".accountName").val(createPlanBean.accountName);
	                     	 $temple.find(".loop").val(createPlanBean.loop);
	                     	 $temple.find(".startHour").val(createPlanBean.startHour);
	                     	 $temple.find(".startMinute").val(createPlanBean.startMinute);
	                     	 $temple.find(".endHour").val(createPlanBean.endHour);
	                     	 $temple.find(".endMinute").val(createPlanBean.endMinute);
	                     	 $('#detailList >tbody >tr').each(
	                     		 function(index) {
	                     	 		$(this).remove();
	                     		 }
	                     	 );
	                     	 $('#detailList >tbody').append($temple);
	                     	 
	                     	 	$(".showModalDialog").dblclick(
										function() {
										if(maxDetailLen=0){
										return;
										}
										var argument=$(this).val();
										 var returnVar=window.showModalDialog("page/plan/retailerPop.jsp",argument,"dialogWidth=500px;dialogHeight=300px");
										 $(this).val(returnVar.id[0]);
										// alert(this.parentNode.nextSbiling.childNodes.value());
										 var $myNodes= $(this).parent().parent().find(".accountName");
									    	//alert($myNodes.length);
										  $myNodes.val(returnVar.name[0]);
										  var $loop= $(this).parent().parent().find(".loop");
										  $loop.val(returnVar.loop[0]);
										  for(var i=1;i<returnVar.id.length;i++){
										  		 if($('#detailList >tbody >tr').length<maxDetailLen){
										  		 	 var $temple=$('#tableTemplete >tbody >tr').clone();
							                     	 $temple.find(".showModalDialog").val(returnVar.id[i]);;
							                     	 $temple.find(".accountName").val(returnVar.name[i]);
							                     	 $temple.find(".loop").val(returnVar.loop[i]);
							                     	 $('#detailList >tbody').append($temple);
										  		 }
										  }
										}
									);	
 					  }
				  });
		 });

		var deleteArray=new Array();

			
		 $("#newDelete").click(
				function() {
					$('#detailList >tbody >tr .checkBox:checked').each(
						function(index) {
							$(this).parent().parent().remove();
						}
					);
				}
			);
			
			$("#pAdd").click(
			function() {	
						$("#rightSide").show();
 						 $("#buttonSave").show();
 						 $("#newAdd").show();
 						 $("#newDelete").show();
 						 $("#buttonModify").hide();
 						 $("#planId").val("");
 						 $("#objectId").val("");
 						 $("#catagory").html("<option>请选择</option>");
 						 $("#catagory").attr("disabled",false);
 						 $("#description").val("");
 						 $("#date").val("");
 						 $("#date").attr("disabled",false);
					$.ajax({
 					 type: 'get',
 					 url: "plan/PlanAction.do",
 					 data: {method: "catagoryList"},
 					 success: function(returnDate){
 						 $("#catagory").append(returnDate);
 						 if($('#detailList >tbody >tr').length>0){
 						 
 						       	 $('#detailList >tbody >tr').each(
		                     		 function(index) {
		                     	 		$(this).remove();
		                     		 }
	                     	 	);
 						 }
 						 if($('#detailList >tbody >tr').length==0){
								$('#detailList >tbody').append(
								$('#tableTemplete >tbody >tr').clone());
								
								$(".showModalDialog").dblclick(
									function() {
									if(maxDetailLen=0){
									return;
									}
									var argument=$(this).val();
									 var returnVar=window.showModalDialog("page/plan/retailerPop.jsp",argument,"dialogWidth=500px;dialogHeight=300px");
									 $(this).val(returnVar.id[0]);
									// alert(this.parentNode.nextSbiling.childNodes.value());
									 var $myNodes= $(this).parent().parent().find(".accountName");
									 var $myLoops= $(this).parent().parent().find(".loop");
								    	//alert($myNodes.length);
									  $myNodes.val(returnVar.name[0]);
									  $myLoops.val(returnVar.loop[0]);
									  for(var i=1;i<returnVar.id.length;i++){
									  		 if($('#detailList >tbody >tr').length<maxDetailLen){
									  		 	 var $temple=$('#tableTemplete >tbody >tr').clone();
						                     	 $temple.find(".showModalDialog").val(returnVar.id[i]);;
						                     	 $temple.find(".accountName").val(returnVar.name[i]);
						                     	 $temple.find(".loop").val(returnVar.loop[i]);
						                     	 $('#detailList >tbody').append($temple);
									  		 }
									  }
									}
								);	
									
							}		
 					  }
				  });
				}
			);
		  $("#newAdd").click(
				function() {
				 if(eval(maxDetailLen<$('#detailList >tbody  >tr').length)){
				   alert("不能再添加");
				 }else{
					$('#detailList >tbody').append($('#tableTemplete >tbody >tr').clone());
							
				$(".showModalDialog").click(
				function() {
			
				var argument=$(this).val();
				 var returnVar=window.showModalDialog("page/plan/retailerPop.jsp",argument,"dialogWidth=500px;dialogHeight=300px");
				 $(this).val(returnVar.id[0]);
				 
				var $myNodes= $(this).parent().parent().find(".accountName");
				$myNodes.val(returnVar.name[0]);
				var $loop= $(this).parent().parent().find(".loop");
				$loop.val(returnVar.loop[0]);
				for(var i=1;i<returnVar.id.length;i++){
				  		 var $temple=$('#tableTemplete >tbody >tr').clone();
	                      $temple.find(".showModalDialog").val(returnVar.id[i]);;
	                      $temple.find(".accountName").val(returnVar.name[i]);
	                      $temple.find(".loop").val(returnVar.loop[i]);
	                      $('#detailList >tbody').append($temple);
				  }
				}
			);
							
							
					}
				}
			);
			
		$("#newDelete").click(
				function() {
					$('#detailList >tbody >tr .checkBox:checked').each(
						function(index) {
							$(this).parent().parent().remove();
						}
					);
				}
			);
		   $("#catagory").change(
				function() {
					var catagoryVALUE=$("#catagory").val();
					
					if(eval(catagoryVALUE=="ZC1"))
					{
					  maxDetailLen=7;
					}else{
					 maxDetailLen=1;
					}
				}
			);

			$(".showModalDialog").click(
				function() {
				var argument=$(this).val();
				 var returnVar=window.showModalDialog("page/plan/retailerPop.jsp",argument,"dialogWidth=500px;dialogHeight=300px");
				 $(this).val(returnVar.id);
				 
				// alert(this.parentNode.nextSbiling.childNodes.value());
				var $myNodes= $(this).parent().parent().find(".accountName");
				//alert($myNodes.length);
				$myNodes.val(returnVar.name);
				}
			);
			$("#buttonModify").click(
				function() {
				var creturnVal='{planId:'+$("#planId").val()+',description:'+$("#description").val()+
				',catagory:'+$("#catagory").val()+',cataDesc:'+$("#cataDesc").html()+',date:'+$("#date").val()
				+',objectId:'+$("#objectId").val()
				+',subList:[';
				
				$('#detailList >tbody >tr').each(
			  		function(index) {
			  			creturnVal=creturnVal+"{account:"+$(this).find(".showModalDialog").val()+",startHour:"+$(this).find(".startHour").val()
			  			+",startMinute:"+$(this).find(".startMinute").val()+",endHour:"+$(this).find(".endHour").val()
			  	  		+",loop:"+$(this).find(".loop").val()+",endMinute:"+$(this).find(".endMinute").val()+"}";
			  		}
			  	);
			  	creturnVal=creturnVal+"]}";
			  	$.ajax({
 					 type: 'get',
 					 url: "plan/PlanAction.do",
 					 data: {method: "modifySave",para:creturnVal},
 					 success: function(CreturnDate){
 					 	//liujia
 					 	window.location.href="plan/PlanAction.do?method=execute_show";
 						// window.location.href="http://localhost:8080/goodyear_sales/plan/PlanAction.do?method=execute_show";
 					 }
 					}
 				);
				}
			);
			
		});